<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./common.css">
</head
<body>
    <div>
        <div id="anony-nav-banner" style="clear:both;overflow: hidden;background-color: #edf4ec;margin-bottom:30px;margin-top:-30px;"> 
            <h1 id="douban-logo" style ="height:20px;width:102px;margin:7px 13px;background-size: contain;">
                <a href="#" style="height:20px"></a></h1>
        </div>
        <div id="anony-nav">
            <div class="anony-nav-links">
                <ul>
                    <li><a href="https://book.douban.com" class="lnk-book" target="_blank">豆瓣读书</a></li>
                    <li><a href="https://book.douban.com" class="lnk-movie" target="_blank">豆瓣电影</a></li>
                    <li><a href="https://book.douban.com" class="lnk-music" target="_blank">豆瓣音乐</a></li>
                    <li><a href="https://book.douban.com" class="lnk-events" target="_blank">豆瓣同城</a></li>
                    <li><a href="https://book.douban.com" class="lnk-group" target="_blank">豆瓣小组</a></li>
                    <li><a href="https://book.douban.com" class="lnk-read" target="_blank">豆瓣阅读</a></li>
                    <li><a href="https://book.douban.com" class="lnk-fm" target="_blank">豆瓣FM</a></li>
                    <li><a href="https://book.douban.com" class="lnk-shijian" target="_blank">豆瓣时间</a></li>
                    <li><a href="https://book.douban.com" class="lnk-market" target="_blank">豆瓣豆品</a></li>
                </ul>
            </div>
            <div class="site-name" title="豆瓣网" style="display: inline-block; line-height: 24px; height: 24px; margin-top: 4px;margin-right: 24px;width: 73px;background-image: url(https://img3.doubanio.com/f/sns/714b8751a533ef592bea5cd4603dbb9e713ded61/pics/sns/sitename.png);background-size: contain; background-repeat: no-repeat;text-indent: -999em;">
                豆瓣网
            </div>
            <div class="anony-srh">
                <form action="https://www.douban.com/search" method="get">
                    <span class="inp">
                        <input type="text" maxlength="60" size="12" placeholder="书籍、电影、音乐、小组、小站、成员" name="q" autocomplete="off">
                    </span>
                    <span class="bn">
                        <input type="submit" value="搜索">
                    </span>
                </form>
            </div>

        </div>
        <div id="anony-sns" class="section">
            <div class="wrapper">
          <!-- douban ad begin -->
          <div id="dale_anonymous_homepage_top_for_crazy_ad" ad-status="loaded"></div>
          <!-- douban ad end -->
            <div class="side">
            <div style="margin:10px 0px;">
              <div id="dale_anonymous_homepage_right_top" ad-status="appended" data-sell-type="COMPLEMENT" data-type="DoubanRender" data-version="3.2.32">
                <div style="position: relative; margin: 0px 0px 20px; display: block; width: 250px; height: 125px; overflow: hidden;">
            <img src = "./images/nice.jpg" border="0" width="250" height="125">
            <div style="line-height: 1; text-align: center; background-color: rgba(0, 0, 0, 0.3); font-size: 12px; position: absolute; right: 0px; bottom: 0px; padding: 4px; color: rgb(255, 255, 255);">广告</div>
        </div>
    </div>
            </div>
            <div class="online">
              <ul>
          <div class="mod">
              
              <h2>
                  热门话题
                      &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
                      <span class="pl">&nbsp;(
                          
                              <a href="/gallery/" target="_self">去话题广场</a>
                          ) </span>
              </h2>
          
          
              <ul>
                  
                      <li class="rec_topics">
                              <a href="https://www.douban.com/gallery/topic/3338600/?from=hot_topic_anony_sns" class="rec_topics_name">豆瓣毕业季不露脸演奏会</a>
                              
                              <span class="rec_topics_subtitle">350.3万次浏览</span>
                      </li>
                      <li class="rec_topics">
                              <a href="https://www.douban.com/gallery/topic/3338602/?from=hot_topic_anony_sns" class="rec_topics_name">在都市里散步才是正经事</a>
                              
                              <span class="rec_topics_subtitle">30.6万次浏览</span>
                      </li>
                      <li class="rec_topics">
                              <a href="https://www.douban.com/gallery/topic/3338353/?from=hot_topic_anony_sns" class="rec_topics_name">回想高考后的漫漫长假</a>
                              
                              <span class="rec_topics_subtitle">48.2万次浏览</span>
                      </li>
                      <li class="rec_topics">
                              <a href="https://www.douban.com/gallery/topic/3338640/?from=hot_topic_anony_sns" class="rec_topics_name">我的梅雨季“防御”指南</a>
                              
                              <span class="rec_topics_subtitle">11.7万次浏览</span>
                      </li>
                      <li class="rec_topics">
                              <a href="https://www.douban.com/gallery/topic/3338607/?from=hot_topic_anony_sns" class="rec_topics_name">报刊亭里的阅读记忆</a>
                              
                              <span class="rec_topics_subtitle">9800次浏览</span>
                      </li>
                      <li class="rec_topics">
                              <a href="https://www.douban.com/gallery/topic/3337350/?from=hot_topic_anony_sns" class="rec_topics_name">那些沉睡在城市中的“烂尾楼”</a>
                              
                              <span class="rec_topics_subtitle">21.1万次浏览</span>
                      </li>
              </ul>
          </div>
          
                <!-- douban ad begin -->
                <li>
                  <div id="dale_homepage_online_activity_promo_1" ad-status="loaded"></div>
                </li>
                <li>
                  <div id="dale_anonymous_homepage_doublemint" ad-status="loaded"></div>
                </li>
                <!-- douban ad end -->
              </ul>
            </div>
          </div>
            <div class="main">
          <div class="mod">
          
            
              <h2>
                  热点内容
                      &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
                      <span class="pl">&nbsp;(
                          
                              <a href="https://www.douban.com/explore/" target="_self">更多</a>
                          ) </span>
              </h2>
          
            <div class="albums">
              <ul>
                <li>
                <div class="pic">
                    <a href="https://www.douban.com/photos/album/1882539803/"><img src="https://img9.doubanio.com/view/photo/albumcover/public/p2633074055.webp" data-origin="https://img9.doubanio.com/view/photo/albumcover/public/p2633074055.webp" alt=""></a>
                </div>
                <a href="https://www.douban.com/photos/album/1882539803/">寻找麒麟</a>
                <span class="num">52张照片</span>
                </li><li>
                <div class="pic">
                    <a href="https://www.douban.com/photos/album/1727324287/"><img src="https://img1.doubanio.com/view/photo/albumcover/public/p2578730628.webp" data-origin="https://img1.doubanio.com/view/photo/albumcover/public/p2578730628.webp" alt=""></a>
                </div>
                <a href="https://www.douban.com/photos/album/1727324287/">月亮在天上摇摇晃晃</a>
                <span class="num">63张照片</span>
                </li><li>
                <div class="pic">
                    <a href="https://www.douban.com/photos/album/1873256890/"><img src="https://img1.doubanio.com/view/photo/albumcover/public/p2623486479.webp" data-origin="https://img1.doubanio.com/view/photo/albumcover/public/p2623486479.webp" alt=""></a>
                </div>
                <a href="https://www.douban.com/photos/album/1873256890/">2020画画</a>
                <span class="num">27张照片</span>
                </li><li>
                <div class="pic">
                    <a href="https://www.douban.com/photos/album/1883249057/"><img src="https://img1.doubanio.com/view/photo/albumcover/public/p2635061707.webp" data-origin="https://img1.doubanio.com/view/photo/albumcover/public/p2635061707.webp" alt=""></a>
                </div>
                <a href="https://www.douban.com/photos/album/1883249057/">维特根斯坦小剧场</a>
                <span class="num">36张照片</span>
              </li></ul>
            </div>
            <div class="notes">
              <ul>
                <li class="first">
                <div class="title">
                    <a href="https://www.douban.com/note/809257152/">媒介蒙太奇 之 观看奥运</a>
                </div>
                <div class="author">
                  王璞一零一的日记
                </div>
                <p>媒介蒙太奇·观看奥运 I 2000年9月某天，我刚下课，经过北大某老教学楼旁的某老食堂，里面突然爆出剧烈的欢呼声。那大约是悉尼奥运某场乒乓球或羽毛球决赛，学生们...</p>
                </li>
          
                <li><a href="https://www.douban.com/note/809141061/">一名平凡读者的买书总结</a></li>
                <li><a href="https://www.douban.com/note/808006288/">论家庭关系里好好说话的重要性</a></li>
                <li><a href="https://www.douban.com/note/809888692/">叶芝和他的拜占庭诗篇</a></li>
                <li><a href="https://www.douban.com/note/809408645/">两个月108公里，业余游泳爱好者路在何方</a></li>
                <li><a href="https://www.douban.com/note/808306604/">根据真实案件改编的悬疑小说：死去的人，真的会为了复仇而活过来吗？</a></li>
                <li><a href="https://www.douban.com/note/808856021/">男友为我过生日没花一分钱，该不该分手？</a></li>
              </ul>
            </div>
          </div>
          </div>
            </div>
            
          
          </div>
    </div>
</body>
</html>